<!--自我评价模块-->
<template lang="">
    <div>
        <!-- 头部 -->
        <van-nav-bar   @click-left="onClickLeft" title="问答标题" left-arrow></van-nav-bar >
         <!-- 标题 -->
         <div class="quey">
         <!-- 最多显示三行 -->
    <div class="van-multi-ellipsis--l3">
       <span>1.</span> 这是一段最多显示三行的文字，多余的内容会被省略字，多余的内容会被省略
    </div>

         <van-radio-group v-model="radio">
  <van-cell-group>
    <van-cell title="单选框 1" clickable @click="radio = '1'">
      <template #right-icon>
        <van-radio name="1" />
      </template>
    </van-cell>
    <van-cell title="单选框 2" clickable @click="radio = '2'">
      <template #right-icon>
        <van-radio name="2" />
      </template>
    </van-cell>
  </van-cell-group>
</van-radio-group>
<!-- 上边框 -->
<div class="van-hairline--top"></div>
</div>


<!-- 没有更多了 -->
    <div class="footer"><p>没有更多了...</p></div>
    <!-- 提交 -->
    <van-button type="info" @click="submitt"  class="uped" block>提交</van-button>
    
    </div>
</template>

<style scoped>
  .custom-image .van-empty__image {
    width: 90px;
    height: 90px;
  }
  .quey{
    width: 90%;
    margin: 0 auto;
    background-color: rgb(245, 245, 245);
  }

  /* 底部 */
  .footer{
    text-align: center;
    margin: 5vh auto;
  }
  .uped{
    margin: 0 auto;
    width: 80%;
  }
</style>

<script>
import { Dialog } from 'vant';
export default {
  data() {
    return {
      radio: '1',
    }
  },
  methods: {
    onClickLeft(){
        history.go(-1);
    },
    submitt(){
      Dialog({message:'提交成功!'})
    }
    
  },
}
</script>